<%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%@ taglib prefix="sx" uri="/struts-dojo-tags" %>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<s:head />
<sx:head debug="true" parseContent="true" extraLocales="es-es" />
<sj:head locale="es" jquerytheme="simple"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/estilo.css"/>
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/formularios.css"/>
<title>Patología Ocular</title>
</head>
<body>
<div id="cabecera">
	<div id="cabColI">
    	<div id="logo">
        	<h1><img src="<%=request.getContextPath()%>/images/SOS.gif" alt="SOS" width="97" height="53" align="top" />Patología Ocular</h1>        
        </div>
    </div>
</div>
<div id="nivel1">
  <div id="contenido">
    <s:form action="ingresarRegistroUsuario" theme="simple">
	    <table width="100%" border="0" cellpadding="0" cellspacing="0" class="tabla2">
	    	<tr>
				<td colspan="2" style="color:MidnightBlue;font-size:14px;font-weight:bold"><s:label>Registro de Usuario</s:label></td>
		  	</tr>	
			<tr>
				<td width="150px"><label>Nombre:<span class="required">*</span></label></td>
				<td><s:textfield name="nombre" size="50"></s:textfield></td>
			</tr>
			<tr>
				<td width="150px"><label>Apellido:<span class="required">*</span></label></td>
				<td><s:textfield name="apellido" size="50"></s:textfield></td>
			</tr>
			<tr>
				<td width="150px"><label>Correo:<span class="required">*</span></label></td>
				<td><s:textfield name="correo" size="50"></s:textfield></td>
			</tr>
			<tr>
				<td width="150px"><label>Nombre de Usuario:<span class="required">*</span></label></td>
				<td><s:textfield name="nombreUsuario" size="50"></s:textfield></td>
			</tr>
			<tr>
				<td width="150px"><label>Contraseña:<span class="required">*</span></label></td>
				<td><s:password name="contrasena" size="50"></s:password></td>
			</tr>
			<tr>
				<td width="150px"><label>Tipo de Usuario:<span class="required">*</span></label></td>				
				<td><s:select list="roles" listKey="id" listValue="nombre" headerValue="Seleccione" headerKey="0" name="rol"/></td>				
			</tr>
			<tr>				
				<td colspan="2" style="padding-left:100px"><s:checkbox name="condicion"/>He leído y acepto los <a href="<%=request.getContextPath()%>/resources/terminosCondiones.jsp">Términos y Condiciones</a> de uso de Patología Ocular</td>				
			</tr>		
		</table>
		<p style="color:#222222;font-size:12px"><s:label>(*) Datos Requeridos</s:label></p>
		<p align="center"><strong><button class="boton1" type="submit">Enviar</button></strong></p>	
	</s:form>
  </div>
  <div id="mens">    
	<s:actionerror />	
  </div>  
<p style="clear:both">&nbsp;</p>
</div>
</body>
</html>
